<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>飞行评估可视化工具</title>
    <link rel="stylesheet" href="/static/css/main.css">
</head>
<body>
<!-- 登录用户信息栏 -->
<div class="top-nav">
    <div class="user-info">
        欢迎，<span id="username">{{ username }}</span>
        <a href="/logout" class="btn btn-primary btn-sm">退出</a>
    </div>
</div>

<div class="container">
    <!-- 操作工具栏 -->
    <div class="action-bar">
        <div class="path-controls">
            <button class="btn btn-primary" id="selectBtn">选择目录</button>
            <input type="text" id="pathDisplay"
                   class="path-display"
                   placeholder="未选择目录"
                   readonly>
            <button class="btn btn-execute" id="executeBtn">开始执行</button>
        </div>
    </div>

    <!-- 数据展示区 -->
    <div class="data-panels">
        <!-- CSV文件列表面板 -->
        <section class="data-panel file-panel">
            <h3><span class="icon">📁</span> 数据集</h3>
            <div class="file-list">
                <ul id="fileList"></ul>
            </div>
        </section>
        <!-- 新增中间结果面板 -->
        <section class="data-panel image-panel">
            <h3><span class="icon">🖼️</span> 预处理结果预览</h3>
            <div class="gallery" id="intermediateGallery"></div>
        </section>
        <!-- 图片展示面板 -->
        <section class="data-panel image-panel">
            <h3><span class="icon">🖼️</span> 飞行评估结果预览</h3>
            <div class="gallery" id="finalGallery"></div>
        </section>
    </div>
    <input type="file" id="dirInput" webkitdirectory hidden>
</div>
<!-- 新增图片模态框 -->
<div class="modal" id="imageModal">

    <span class="close">&times;</span>
    <img class="modal-content" id="modalImage">
</div>
<div id="processingOverlay" class="processing-overlay">
    <div class="status-box">
        <div class="loading-spinner"></div>
        <div id="statusText" class="status-text">...</div>
    </div>
</div>
    <script src="/static/js/app.js"></script>
</body>
</html>